<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Vue</title>
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app_life">
</div>

<script>
    new Vue({
        el: '#app_life',
        data: {},
        methods: {},
        beforeCreate() {
            console.log('beforeCreate')
        },
        created() {
            console.log('created')

        },
        beforeMount() {
            console.log('beforeMount')

        },
        mounted() {
            console.log('mounted')

        },
        beforeUpdate() {
            console.log('beforeUpdate')

        },
        updated() {
            console.log('updated')

        },
        beforeDestroy() {
            console.log('beforeDestroy')

        },
        destroyed() {
            console.log('destroyed')

        }
    })
</script>
</body>
</html>